/*主题色--黑色*/
body{
    background:#080808;
}
/*主题色--黑色*/
.container{
    background:#080808;
}
/*菜单颜色*/
.left-nav{
    background:#1A1B20;
}
/*菜单文字颜色*/
.left-nav a{
    color:rgba(255,255,255,.7);
}
/*菜单选中颜色*/
.left-nav a.active{
    background: #080808 !important;
    color: #fff;
}

.page-content .layui-tab-title .layui-this{
    background: #080808;
}

/*菜单鼠标经过样式*/
.left-nav a:hover{
    background: #312933 !important;
    color: #e7f3df;
}

/*tab栏颜色*/
.page-content .layui-tab-title{
    background: #312933;
    color: #fff9ec;
}
/*tab栏文字*/
.layui-nav .layui-nav-child a {
    color: #fff;
    cursor: pointer;
}
/*菜单背景颜色及头部背景颜色*/
.layui-nav-child{
    background: #080808;
}
/*按钮样式*/
.btn-primary {
    color: #fff;
    background-color: #212d38;
    border-color: #3f5263;
}

.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
    border-color: #080808;
}

.page-content .layui-tab-title .layui-this{
    background: #080808;
    color: #fff;
}

.jumbotron{
    background:#080808;
    color: #fff;
}
p{
    color: #fff;
}

a{
    color: #fff;
}


.panel-body{
    background: #080808;
}

.panel-success {
    border-color: #443636;
}

.panel-info{
    border-color: #443636;
}

.btn-success,.btn-warning,.btn-danger,.btn-default {
    color: #fff;
    background-color: #212d38;
    border-color: #3f5263;
}

.form-control{
    background: #0c0b0b;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #1a1b20;
}


.table *{
    color: #fff9ec;
}

.table-no-left-right-border tbody tr td {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #060505;
}

.bootstrap-table .table-no-left-right-border > thead > tr > th {
    border-bottom: 2px solid #fff9ec;
}

.table-no-left-right-border thead tr th {
    text-align: center;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #fff9ec;
}

.fixed-table-container tbody .selected td{
    background: #312933;
}

.fixed-table-container tbody .treegrid-selected{
    background: #312933;
}

.table-striped>tbody>tr.treegrid-selected:nth-of-type(odd) {
    background-color: #312933;
}

.table-hover>tbody>tr:hover{
    background: #312933;
}

.dropdown-menu{
    background: #080808;
}

.dropdown-menu *{
    color: #fff9ec;
}

.dropdown-menu>li>a{
    color: #fff9ec;
}

.pagination>li>a{
    color: #fff9ec;
    background: #080808;
}

.layui-form-select dl{
    background: #080808;
}

.layui-form-select dl dd:hover {
    background-color: #337ab7;
    -webkit-transition: .5s all;
    transition: .5s all;
}

.layui-form-select dl dd {
    cursor: pointer;
    color: #fff;
}


.layui-nav .layui-nav-child a:hover {
    background-color: #337ab7;
    color: #000;
}

.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination{
    color: #fff9ec;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background: #337ab7;
}

.left-nav a.active {
    border-color: #fff9ec !important;
}
.left-nav a:hover {
    border-color: #fed0d0 !important;
}

.layui-layer-title {
    background-color: #4a3450;
}

.layui-layer-title {
    color: #eee;
}

.fip-darkgrey.icons-selector .selector {
    background-color: #080808;
}

.fip-darkgrey.icons-selector .selector-button {
    background-color: #080808;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));
    background-image: -webkit-linear-gradient(#eee,#ddd);
    background-image: -moz-linear-gradient(#eee,#ddd);
    background-image: -o-linear-gradient(#eee,#ddd);
    background-image: linear-gradient(#333,#777);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 41px;
}

.panel-footer {
    background-color: #4a3450;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background: #364a54;
}


.table-hover>tbody>tr:hover{
    background: linear-gradient(to left, #312933, #080808) !important;
}

.fixed-table-container tbody .selected td{
    background: #312933 !important;
}

.fixed-table-container tbody tr.treegrid-selected{
    background: #312933 !important;
}

.table-striped>tbody>tr.treegrid-selected:nth-of-type(odd) {
    background: #312933 !important;
}
